
.csdn-header-box{
    box-sizing: content-box;
}
.csdn-header{
    width: 120px;
    min-width: 1280px;
    box-sizing: border-box;
    padding: 0 24px;
    height: 48px;
    line-height: 48px;
    display: flex;
    justify-content: space-between;
}
.header-left{
    display: flex;

}
.header-left-logo{
    max-width: 80px;
    height: 100%;
    margin-right: 8px;
}
.header-left-logo img{
    display: block;
    width: 80px;
    min-width: 80px;
    height: 44px;
    margin-top: calc((48px - 44px)/2);
}
.header-left-menus{
    padding: 0;
    height: 100%;
}
.header-left-menus li{
    position: relative;
    display: inline-block;
    list-style: none;
    font-size:14px;
    height: 100%;
    line-height: 48px;
}
.header-left-menus li>a{
    font-size: 14px;

    text-decoration: none;
    display: block;
    height: 100%;
    color: inherit;
    padding: 0 10px;
}
.header-middle{
    background-color: #2e6da4;
}
.header-right{
    background-color: red;
}